body{
	min-height: 915px;
	font-family: '微軟正黑體';
	background-image: url(img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
body.snap{
	min-height: 0;
	background: #fff;
}
ul,li{
	list-style: none;
	padding: 0;
	margin: 0;
}
.fb-like{
    height: 20px;
    overflow: hidden;
}
.ng-cloak{
	visibility: hidden;
}
.container{
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
.socialBtnWrap{
	position: absolute;
	right: 20px;
	top: 10px;
	text-align: center;
}
.socialBtnWrap span{
	position: relative;
	display: inline-block;
	top: -8px;
	margin-right: 5px;
	font-size: 14px;
	color: #666;	
}
.socialBtnWrap a{
	display: inline-block;
	width: 29px;
	height: 30px;
}
.socialBtnWrap .tw{
	background: url(img/btn_twitter.png) no-repeat;	
}
.socialBtnWrap .fb{
	background: url(img/btn_FB.png) no-repeat;		
}
.socialBtnWrap .gp{
	background: url(img/btn_google.png) no-repeat;	
}

#navbar{
	position: fixed;	
	width: 100%;		
	height: 73px;
	background-image: url(img/nav_bg.jpg);
	background-repeat: repeat-x;
	bottom: 0;
	z-index: 0;
}

#navbar .logo{
	display: block;
	width: 115px;
	height: 66px;
	background-image: url(img/logo.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 30px;
	top: 4px;
}
#navbar .nav{
	width: 768px;
	height: 73px;
	float: right;
}
#navbar .nav li{
	float: left;
}
#navbar .nav li a{
	display: block;
	width: 128px;
	height: 73px;
	background-image: url(img/nav.jpg);
	background-repeat: no-repeat;
	color: #FFF;
}
#navbar .nav .index{
	background-position:0 0;
	}
#navbar .nav .rule{
	background-position:-128px 0;
	}
#navbar .nav .composition{
	background-position:-256px 0;
	}
#navbar .nav .gallery{
	background-position:-384px 0;
	}
#navbar .nav .winnerList{
	background-position:-512px 0;
	}
#navbar .nav .hiring{
	background-position:-640px 0;
	}
#navbar .nav .index:hover,
#navbar .nav .index.selected{
	background-position:0 -73px;
	}
#navbar .nav .rule:hover,
#navbar .nav .rule.selected{
	background-position:-128px -73px;
	}
#navbar .nav .composition:hover,
#navbar .nav .composition.selected{
	background-position:-256px -73px;
	}
#navbar .nav .gallery:hover,
#navbar .nav .gallery.selected{
	background-position:-384px -73px;
	}
#navbar .nav .winnerList:hover,
#navbar .nav .winnerList.selected{
	background-position:-512px -73px;
	}
#navbar .nav .hiring:hover,
#navbar .nav .hiring.selected{
	background-position:-640px -73px;
}

/* canvas */
.canvas{
	position: relative;	
	float: left;
	width: 375px;
	height: 355px;		
}
.canvas .bg{
	position: absolute;
	width: 375px;
	height: 355px;
	z-index: 2;
}
.canvas.bg_1 .bg{
	background: url(img/1_l.png);
}
.canvas.bg_2 .bg{
	background: url(img/2_l.png);
}
.canvas.bg_3 .bg{
	background: url(img/3_l.png);
}
.canvas .thumb{
	position: absolute;
	width: 75px;
	height: 75px;
	overflow: hidden;	
	z-index: 1;
}
.canvas .thumb img{
	width: 100%;
	height: 100%;
}
.canvas.bg_1 .thumb1 {
	left: 52px;
	top: 135px;
}
.canvas.bg_1 .thumb2{
	left: 251px;
	top: 114px;	
}
.canvas.bg_2 .thumb1{
	left: 51px;
	top: 114px;
}
.canvas.bg_2 .thumb2{
	left: 269px;
	top: 48px;
}
.canvas.bg_3 .thumb1{
	left: 42px;
	top: 73px;
	width: 95px;
	height: 95px;
}
.canvas.bg_3 .thumb2{
	left: 224px;
	top: 58px;
}

/* form */
.formBox .box{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 20px;
	width: 805px;
	height: 420px;
	background: url(img/form/input_bg.jpg);
	z-index: 100;
}
.formBox .titleWrap{
	margin: 0 auto;
	padding: 10px 0;
	width: 600px;
	border-bottom: 1px solid #d39d4e;
}
.formBox .title{
	display: block;
	margin: 0 auto;		
}
.formBox .subTitle{
	display: block;
	margin: 10px auto;
}
.form{
	margin: 20px auto;	
	padding: 10px 0;
	width: 400px;
}
.form .checkbox input{
	font-size: 16px;
}
.formBox .submitBtn{
	display: block;
	margin: 10px auto;
	width: 151px;
	height: 38px;
	border: 0;
	background-image: url(img/form/submitBtn.png);
	background-repeat: no-repeat;
	background-position: left top;	
}
.formBox .submitBtn[disabled]{
	opacity: 0.5;
}
.formBox .submitBtn:hover,
.formBox .submitBtn:active{
	background-position: left bottom ;	
}
.form-group{
	padding-bottom: 15px;
	margin-bottom: 5px;	
}
.form-group label{
	display: block;
	float: left;
	width: 30%;
	padding: 5px 5%;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #884906;
	text-align: right;
}
.form-group input{
	display: block;	
	width: 70%;
	padding: 5px 5%;	
	line-height: 24px;
	border-radius: 3px;
	border: 1px solid #884906;
}
@media screen and (min-width:0\0) {
	.form-group input{
		line-height: 20px;
	}	
}
.ie8 .form-group input{
	line-height: 20px;
}
.form-group .tips{
	position: absolute;
	margin-left: 20%;	
}
.form-group .ng-dirty.ng-invalid{
	background: #FA787E;
}
.checkbox{
	text-align: center;
	margin-bottom: 5px;
	font-size: 14px;
}
.checkbox label{
	display: block;
	margin-left: 10%;
	text-align: left;	
	color: #884906;
	cursor: pointer;
}
.checkbox input{	
	margin-right: 20px;
	line-height: 20px;
}